*{padding:0px; margin:0px;}
html{font-size:62.5%;}
body{font-size:14px; letter-spacing:1px; color:#666; font-family:"PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{list-style:none;}
input,select,button,textarea{font-size:13px; border:0; background:none; outline:none; vertical-align:middle; font-family:"PingFang SC","Source Han Sans CN","Microsoft YaHei",Arial;}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#eb5e01; text-decoration:none !important;}
.clear{overflow:hidden; clear:both;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#aaa;}
::-webkit-scrollbar-thumb:hover{background-color:#5b5b5b;}
::-webkit-scrollbar-thumb:active{background-color:#eb5e01;}
@media only screen and (max-width:1024px){
input,textarea{-webkit-appearance:none; border-radius:0;}
}
@media only screen and (max-width:640px){
body{font-size:13px; letter-spacing:0;}
.container-fluid{padding:0 15px;}
}

@media only screen and (max-width:1024px){
html.on{width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;}
}

body{transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
@media only screen and (max-width:1024px){
body.on{transform:translateX(-60%);
-webkit-transform:translateX(-60%);
-moz-transform:translateX(-60%);
-ms-transform:translateX(-60%);
-o-transform:translateX(-60%);}
}

@media only screen and (max-width:1024px){
.sj_bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; content:""; z-index:9999; display:none;}
}

.header{width:100%; color:#fff; position:fixed; top:0; left:0; z-index:9999;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.header.on{background-color:rgba(255,255,255,.96); box-shadow:0 5px 15px rgba(95,125,158,.2);}
.header .logo{width:300px; float:left; margin:20px 0; position:relative;}
.header .logo img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.header .logo img.d_w{position:absolute; top:0; left:0; opacity:0;}
.header.on .logo img{opacity:0;}
.header.on .logo img.d_w{opacity:1;}
.header .an{position:absolute; top:50%; margin-top:-9px; right:15px; height:17px; width:32px; display:none;}
.header .an span{width:32px; height:1px; background-color:#777; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right;}
.header .nav ul li{height:97px; margin-left:40px; float:left; position:relative;}
.header .nav .y_j{position:relative;}
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:block; font-size:18px; line-height:97px; color:#fff;}
.header.on .nav .y_j a{color:#555;}
.header .nav ul li:hover .y_j a{color:#24bb9d;}
.header .nav ul li.on .y_j a{color:#24bb9d;}
.header .nav .e_j{width:150px; padding-top:8px; position:absolute; top:90px; left:50%; margin-left:-75px; display:none;}
.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j:before{width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:8px solid #ddd; content:""; position:absolute; top:0; left:50%; margin-left:-10px;}
.header .nav .e_j:after{width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:8px solid #fff; content:""; position:absolute; top:1px; left:50%; margin-left:-10px;}
.header .nav .e_j ul{padding:10px; background-color:#fff; border:1px solid #ddd;}
.header .nav .e_j ul li{height:36px; margin:0; float:none;}
.header .nav .e_j ul li a{color:#555; line-height:36px; text-align:center; display:block; font-size:14px}
.header .nav .e_j ul li a:hover{background-color:#24bb9d; color:#fff;}
@media only screen and (max-width:1024px){
.header{padding:0 50px 0 0; color:#555; position:relative; top:auto; left:auto;}
.header .logo{width:196px;}
.header .logo img{opacity:0;}
.header .logo img.d_w{position:absolute; top:0; left:0; opacity:1;}
.header .an{display:block;}
.header .nav{width:60%; height:100%; padding:10px 3% 0; margin:0; background-color:#3b3b3b; height:100%; position:fixed; top:0; left:auto; right:-60%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.header .nav ul li{width:100%; height:auto; line-height:50px; text-align:left; border-bottom:1px solid rgba(255,255,255,.1); float:none; padding:10px 0; margin:0;}
.header .nav .y_j i{display:block; width:60%; position:absolute; top:0; right:0; font-size:16px; text-align:right; color:#ddd; line-height:50px; padding-right:15px; z-index:99;}
.header .nav .y_j a{font-size:16px; line-height:50px; color:#fff;}
.header .nav ul li:hover .y_j a{color:#fff;}
.header .nav ul li.on .y_j a{color:#fff !important;}
.header.on .nav .y_j a{color:#fff;}
.header .nav .e_j{width:100%; padding-top:0; position:relative; top:auto; left:auto; margin-left:0;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j:before{display:none;}
.header .nav .e_j:after{display:none;}
.header .nav .e_j ul{padding:10px 0; background:none; border:0;}
.header .nav .e_j ul li{height:auto; margin:0; float:none; border-bottom:0; padding:0;}
.header .nav .e_j ul li a{font-size:14px; color:#aaa; line-height:36px; text-align:left;}
.header .nav .e_j ul li a:hover{background:none; color:#fff;}
}
@media only screen and (max-width:640px){
.header{padding:0 50px 0 0; position:relative; top:auto; left:auto;}
.header .logo{width:200px; margin:10px 0;}
.header .shangcheng{height:80px; line-height:80px;}
.header .s_ch{height:80px; line-height:80px;}
.header .an{display:block;}
.header .nav{padding:20px 5% 0;}
.header .nav ul li{line-height:40px; padding:5px 0;}
.header .nav .y_j i{font-size:15px; line-height:40px;}
.header .nav .y_j a{font-size:15px; line-height:40px;}
.header .nav .e_j ul{padding:5px 0;}
.header .nav .e_j ul li a{font-size:13px; line-height:32px;}
}
@media only screen and (max-width:320px){
.header .logo{width:130px; margin:20px 0;}
.header .shangcheng{height:64px; line-height:64px;}
.header .s_ch{height:64px; line-height:64px;}
}


.head_h{width:100%; height:98px; background-color:#fff; overflow:hidden;}
@media only screen and (max-width:1024px){
.head_h{display:none;}
}



@keyframes move
{
0%{opacity:.2;}
50%{opacity:1;}
100%{opacity:.2;}
}

@-webkit-keyframes move
{
0%{opacity:.2;}
50%{opacity:1;}
100%{opacity:.2;}
}

@-moz-keyframes move
{
0%{opacity:.2;}
50%{opacity:1;}
100%{opacity:.2;}
}

@-ms-keyframes move
{
0%{opacity:.2;}
50%{opacity:1;}
100%{opacity:.2;}
}

@-o-keyframes move
{
0%{opacity:.2;}
50%{opacity:1;}
100%{opacity:.2;}
}